<template>
	<view class="column-div navmenu">
		<view class="column-start menu" :style="{top ,right}">
			<navigator url="/pagesUser/msgCenter" hover-class="none" class="row-start">
				<image src="/static/images/common/msgBtn.png"></image>
				<text>消息</text>
			</navigator>
			<navigator url="/pages/index/index" open-type='switchTab' hover-class="none" class="row-start">
				<image src="/static/images/common/indexBtn.png"></image>
				<text>首页</text>
			</navigator>
			<navigator url="/pagesGoods/product/list" open-type='redirect' hover-class="none" class="row-start">
				<image src="/static/images/common/searchBtn.png"></image>
				<text>搜索</text>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			top: {
				type: String,
				default: ''
			},
			right: {
				type: String,
				default: ''
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style scoped lang="scss">
	.menu {
		width: 202upx;
		background: #FFFFFF;
		border-radius: 10upx;
		position: absolute;
		z-index: 9999;
		right: 20upx;
		top: 120upx;
		&::before {
			content: " ";
			width: 0;
			height: 0;
			border-right: 10px solid transparent;
			border-left: 10px solid transparent;
			border-bottom: 10px solid #FFFFFF;
			position: absolute;
			top: -7px;
			right: 25upx;
		}

		.row-start {
			width: 100%;
			padding: 20upx;
			border-bottom: 1upx solid #dfdfdf;
			image {
				width: 30upx;
				height: 30upx;
				margin-right: 10upx;
			}
			&:last-child{
				border: none;
			}
			text {
				font-size: 26upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
			}
		}
	}
</style>
